/*公共样式*/
*{padding:0;margin:0;}
li{list-style: none;}
a{text-decoration: none;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
/*单个部分的样式*/
.container{
    width:375px;
    background:#f7f7f7;
    overflow: hidden;
    font-family: '黑体';
    height:667px;
    margin: 0 auto;
}
/*页头*/
.header{
    background:#fff;
    font-size:18px;
    color:#464b55;
    font-weight: bolder;
    text-align: center;
    padding: 13px 0;
    box-sizing: border-box;
    position: relative;
}
.header .back_left{
    position: absolute;
    left:20px;
}
.header .menu_right{
    position:absolute;
    right:20px;
}
.dot{
    display: inline-block;
    width:5px;
    height:5px;
    background:red;
    position: absolute;
    top:2px;
    right:-4px;
    border-radius: 50%;
}
/*内容部分*/
.container .content{
    border-radius: 10px;
    background:#fff;
    margin-top:11px;
    padding-left:16px;
}
.content .list .list_item{
    height:80.5px;
    position: relative;
    cursor: move;   /*鼠标呈拖拽状*/
    -webkit-user-select: none;
}
.content .list .list_item_icon{
    display: inline-block;
    width:46px;
    height:46px;
    background:#ff4f18;
    border-radius: 8px;
    margin:17.5px 0 ;
    margin-right:16px;
    position: relative;
}
.content .list .list_item_icon .dot1{
    display: inline-block;
    width:21px;
    height:20px;
    background:#f23030;
    border:2px solid #fff;
    position: absolute;
    top:-10px;
    right:-10px;
    border-radius: 50%;
    color:#fff;
    text-align: center;
    font-style: normal;
}
.content .list .list_item_icon .dot{
    width:8.5px;
    height:8.5px;
    border:2px solid #fff;
    top:-7px;
    right:-7px;
}
.content .list .favorable{background:#ff4f18;}
.content .list .account{background:#ff8519;}
.content .list .service{background:#00bf99;}
.content .list .frontPage{background:#2fa5ff;}
.content .list .member{
    background:linear-gradient(to bottom right,#454866,#4e5272,#454866,#000,#2e2e3f,#282828);
}
.content .list .IOU{background:#d0a56b;}
.list_item .list_item_right{
    border-bottom: 1px solid #ededed;
    height:80.5px;
    width:297px;
    position: relative;
}
.list_item:last-of-type .list_item_right{
    border:none;
}
.list_item .list_item_right h4{
    font-size:15.5px;
    color:#252525;
    box-sizing: border-box;
    margin-bottom: 10.5px;
    margin-top:21.5px;
}
.list_item .list_item_right p{
    color:#a9a9a9;
    width:230px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size:13px;
}
.list_item .list_item_right .date{
    position: absolute;
    right:0px;
    color:#a9a9a9;
    font-size:12px;
    font-weight: normal;
    padding-right:13px;
}
.del{
    height:80.5px;
    background:#f02b2b;
    position: absolute;
    top:0;
    right:-56.5px;
    line-height: 80.5px;
    font-size:14px;
    width:56.5px;
    text-align: center;
    color:#feecec;
}
